<script>
import { HomeFilled, UserFilled, User, Avatar } from '@element-plus/icons-vue'

export default {
    data() {
        return {
            
        }
    },
    props: {
        collapse: Boolean
    },
    components: {
        HomeFilled,
        UserFilled,
        User,
        Avatar
    }
}

</script>
<template>
    <el-menu 
          :collapse="collapse"
        >
          <el-menu-item index="home">
              <el-icon><HomeFilled /></el-icon>
              <span>首页</span>
          </el-menu-item>

          <el-sub-menu index="1">
          <template #title>
            <el-icon><UserFilled /></el-icon>
            <span>账号管理</span>
          </template>

            <el-menu-item index="1-1">
              <el-icon><User /></el-icon>
              管理员列表
            </el-menu-item>
            <el-menu-item index="1-2">
              <el-icon><Avatar /></el-icon>
              用户列表
            </el-menu-item>

        </el-sub-menu>
      </el-menu>
</template>
<style></style>